<template>
    <el-card>
        <el-button type="primary" :icon="Plus">添加品牌</el-button>
        <el-table border style="margin: 10px 0;">
            <el-table-column prop="date" label="序号" width="80" align="center" />
            <el-table-column prop="name" label="品牌名称" align="center" />
            <el-table-column prop="name" label="品牌LOGO" align="center" />
            <el-table-column prop="name" label="品牌操作" align="center" />
        </el-table>
        <!-- 分页器 -->
        <el-pagination
        v-model:current-page="pageNo"
        v-model:page-size="limit"
        :page-sizes="[3, 5, 7, 9]"
        :background="true"
        layout="prev, pager, next, jumper,->,sizes,total "
        :total="400"
        />
    </el-card>
</template>

<script setup lang='ts'>
import { ref } from 'vue'
import { Plus } from '@element-plus/icons-vue'

const pageNo = ref<number>(1)
const limit = ref<number>(3)

</script>


<style scoped lang='scss'>

</style>